<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <script th:src="@{/js/jquery-1.12.4.js}"></script>
</head>
<body>
<h1>登录</h1>
<form action="" method="post">
    <p>用户名：<input type="text" name="username" id="username"><span id="uMsg"></span></p>
    <p>密码：<input type="password" name="password" id="password"></p>
    <p>
        <button type="submit">提交</button>
    </p>
</form>
<p>当前已登录用户：<span th:text="${session.username}"></span></p>
<script>
    $(function (){
        $('#password').click(function () {
            $.ajax({
                url:'/findUsername',
                type:'get',
                data:"username="+$('#username').val(),
                success:function (res) {
                    // console.log(res)
                    $('#uMsg').text(res)
                }
            })

        })
    })
</script>
</body>
</html>